<!--
 * @Descripttion: 导航栏第二页
 * @version: 1.0
 * @Author: 自由如风
 * @Date: 2021-04-25 17:11:22
 * @LastEditors: 自由如风
 * @LastEditTime: 2021-04-25 17:26:05
-->
<template>
  <BG :data="config.About.BG"></BG>
  <div class="container">
    <div class="row about">
      <div class="col-lg-4 clo-xs-12">
        <img :src="config.About.container.about.src" />
      </div>
      <div class="col-lg-8 col-xs-12 text">
        <h2>{{ config.About.container.about.h2 }}</h2>
        <p>
          {{ config.About.container.about.p }}
        </p>
      </div>
    </div>
    <div class="row wenben">
      <div class="col-lg-12 col-xs-12"></div>
    </div>
    <div class="row brand">
      <div class="col-lg-4 col-xs-12" v-for="index in 3" :key="index">
        <img :src="config.About.container.brand[index - 1].src" />
        <h2>{{ config.About.container.brand[index - 1].h2 }}</h2>
        <p style="text-indent: 2em">
          {{ config.About.container.brand[index - 1].p }}
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import { Options, Vue } from "vue-class-component";
import BG from "@/components/BG";
@Options({
  components: { BG },
})
export default class extends Vue {}
</script>

<style>
</style>